<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <title>内蒙古退役军人双创平台</title>
    <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet"> -->
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
	<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>

    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/personal_hubs.css"/>
    <link rel="stylesheet" type="text/css" href="css/css.css "/>
  </head>
  <body>
    <div class="header">
  		<span>欢迎光临！您可以通过网站右上角搜索框查找您需要的信息</span>
  		<ul class="nav navbar-nav navbar-right">
	        <li><a href="#">注册 </a></li>
	        <li><a href="#" class="last">登录 </a></li>
	        <li>
	        	<form class="navbar-form navbar-right">
			        <div class="form-group">
			          <input type="text" class="form-control navbar-left" placeholder="搜索资讯、岗位、课程"/>
			          <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
			        </div>
			    </form>
	        </li>
	      </ul>
  	</div>
   	<!--顶部导航栏结束-->
  	<!--导航栏开始-->
    <nav class="navbar navbar-default">
		  <div class="container-fluid">
		    <!-- Brand and toggle get grouped for better mobile display -->
		    <div class="navbar-header">
		      <a class="navbar-brand" href="#">内蒙古自治区退役军人事务厅培训双创平台</a>
		    </div>

		    <!-- Collect the nav links, forms, and other content for toggling -->
		    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		      <ul class="nav navbar-nav">
		        <li><a href="#">首页 <span class="sr-only">(current)</span></a></li>
		        <li><a href="#">找工作 <span class="sr-only">(current)</span></a></li>
		        <li><a href="#">创业商机 <span class="sr-only">(current)</span></a></li>
		        <li><a href="#">专技培训 <span class="sr-only">(current)</span></a></li>
		        <li><a href="#">政策咨询 <span class="sr-only">(current)</span></a></li>
		        <li><a href="#">职业测评 <span class="sr-only">(current)</span></a></li>
		        <li><a href="#">军友圈 <span class="sr-only">(current)</span></a></li>
		      </ul>
		    </div><!-- /.navbar-collapse -->
		  </div><!-- /.container-fluid -->
		</nav>
		<!--导航栏结束-->


		<div class="name_space">
			<div class="name_space_center">
				<div class="row">
					<div class="col-md-2 b_avatar">
						<img src="image/b_avatar.png"/>
					</div>
					<div class="col-md-8">
						<div class="name_title">
							<span>你好，admin</span>
						</div>
						<div class="b_info">
							<span>17704712479  |  男  |  32岁  |  现居 呼和浩特市</span>
						</div>
						<div class="b_btn">
							<img src="image/basic_edit.svg">
							<a href="#" class="a_middle">信息设置</a>
						</div>

					</div>
					<div class="col-md-2">
						<div class="right_btn">
							<button>我的简历</button>
						</div>
					</div>
				</div>
			</div>

			<div class="nav_tabs_div">
				<!-- 选项卡菜单-->
				<ul id="myTab" class="nav nav-tabs" role="tablist">
					<li class="active"><a href="#interview" role="tab" data-toggle="tab">邀面试</a></li>
					<li><a href="#intention" role="tab" data-toggle="tab">有意向</a></li>
					<li><a href="#communicated" role="tab" data-toggle="tab">已沟通</a></li>
					<li><a href="#delivered" role="tab"  data-toggle="tab">已投递</a></li>
					<li><a href="#inappropriate" role="tab" data-toggle="tab">不合适</a></li>
					<li><a href="#news" role="tab" data-toggle="tab">我的消息</a></li>
					<li><a href="#collection" role="tab" data-toggle="tab">收藏职位</a></li>
					<li><a href="#focus_on" role="tab" data-toggle="tab">关注企业</a></li>
				</ul>
			</div>
		</div>

		<div class="div_main">
			<div>
				<div id="myTabContent" class="tab-content">
					<div class="tab-pane active" id="interview">
						<div class="row" id="card">
							<div class="col-md-6 card_row">
								<div class="card_div">
									<div class="row">
										<div class="col-md-8">
											<div class="card_title card_bottom-1">
												<span>董事长助理兼司机</span>
											</div>
										</div>
										<div class="col-md-4">
											<div class="card_money card_bottom-1 card_right_span">
												<span>8K-10K</span>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-8">
											<div class="card_com card_bottom-2">
												<span>荣事达车业责任有限公司</span>
											</div>
										</div>
										<div class="col-md-4">
											<div class="card_status card_right_span card_bottom-2">
												<span>邀面试</span>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-8">
											<div class="card_nature">
												<span>上市公司  |  1000-9999人</span>
											</div>
										</div>
										<div class="col-md-4">
											<div class="card_date card_right_span">
												<span>2019-06-14</span>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="tab-pane " id="intention">
						有意向
					</div>
					<div class="tab-pane " id="communicated">
						已沟通
					</div>
					<div class="tab-pane " id="delivered">
						已投递
					</div>
					<div class="tab-pane " id="inappropriate">
						不合适
					</div>
					<div class="tab-pane " id="news">
						我的消息
					</div>
					<div class="tab-pane " id="collection">
						收藏职位
					</div>
					<div class="tab-pane " id="focus_on">
						关注企业
					</div>
				</div>
			</div>
		</div>

  <!--脚部开始-->
  <div class="footer">
  	版权所有&copy;联通系统集成内蒙古分公司
  </div>
  <!--脚部结束-->
  <script>
	  $(function(){
	      var html_content = $("#card").html();
          $("#card").html("");
		  for(var i = 0; i < 10; i++) {
              $("#card").append(html_content);
		  }

		  var html_interview = $("#interview").html();

		  $(".tab-pane").each(function(){
		      $(this).html(html_interview);
		  })



	  })
  </script>
</body>
</html>
